<!doctype html>
<html>

<head>
  <meta charset="UTF-8">
  <title>“甬”立潮头 合力兴甬—宁聚家园</title>
  <meta content="target-densitydpi=device-dpi,width=640,maximum-scale=2, user-scalable=0" name="viewport">
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="format-detection" content="email=no,address=no,telephone=no">
  <meta name="description" content="宁聚下载">
  <meta name="keywords" content="宁聚下载">
  <link href="css/mobile/game.css" rel="stylesheet" />
  <script type="text/javascript" src="js/dist/zepto.js"></script>
  <script type="text/javascript" src="js/extend/touch.js"></script>
  <script type="text/javascript" src="js/extend/matchMedia.js"></script>
  <script type="text/javascript" src="js/extend/event.ortchange.js"></script>
  <script type="text/javascript" src="js/extend/parseTpl.js"></script>
  <script type="text/javascript" src="js/core/gmu.js"></script>
  <script type="text/javascript" src="js/core/event.js"></script>
  <script type="text/javascript" src="js/core/widget.js"></script>
  <script type="text/javascript" src="js/widget/slider/slider.js"></script>
  <script type="text/javascript" src="js/widget/slider/dots.js"></script>
  <script type="text/javascript" src="js/widget/slider/$touch.js"></script>
  <script type="text/javascript" src="js/tab/tab.js"></script>
  <style type="text/css">
    html {
      height: 100%;
    }

    body {
      background: url(images/v2/bg_index.jpg) 0 0 no-repeat;
      background-size: 640px 1138px;
      height: 100%;
      background-color: #6ba9be;
      color: #fff;
      min-height: 1138px;
    }

    .download_content {
      width: 100%;
      padding-top: 434px;
      text-align: center;
    }

    .android_btn {
      display: block;
      width: 508px;
      height: 80px;
      background: url(images/android_btn.png?2);
      margin: 30px auto 0;
    }

    .apple_btn {
      display: block;
      width: 508px;
      height: 80px;
      background: url(images/apple_btn.png?2);
      margin: 0 auto;
    }

    .support {
      width: 520px;
      text-align: left;
      margin: 0 auto;
      font-size: 20px;
      font-weight: lighter;
      line-height: 150%;
    }

    .footer {
      width: 640px;
      text-align: center;
      position: absolute;
      bottom: 130px;
    }

    .footer .logo {
      width: 640px;
      height: 51px;
      background: url('images/footer.png') center center no-repeat;
      background-size: 208px 51px;
      margin-top: 20px;
    }

    .pop_layer {
      display: none;
      position: absolute;
      right: 0;
      top: 0;
    }

    .pop_bg {
      display: none;
      height: 100%;
      width: 640px;
      position: absolute;
      right: 0;
      top: 0;
      background-color: #2c2c2c;
    }

    .pop_bg_android {
      display: none;
      height: 100%;
      width: 640px;
      position: absolute;
      right: 0;
      top: 0;
      background-color: #000;
      opacity: 0.9;
    }

    .tips {
      font-family: PingFangSC-Semibold;
      font-size: 34.13px;
      color: #FFFFFF;
      letter-spacing: 0;
      text-align: center;
      text-shadow: 0 2px 3px #00536E;
    }

    .btn_download {
      margin: 90px auto 0;
      border: 1px solid #FFFFFF;
      border-radius: 10.24px;
      border-radius: 10.24px;
      display: block;
      width: 508px;
      height: 80px;
      line-height: 80px;
    }

    .ps {
      font-family: PingFangSC-Regular;
      font-size: 20.48px;
      color: #F3FCFF;
      letter-spacing: 0;
      text-align: center;
      margin-top: 21px;
    }
  </style>

</head>

<body>
  <div class="download_content">
    <div class="tips">
      点击下载，立即进入“宁聚家园”
    </div>
    <div class="btn_download downloadBtn">
      立即下载APP
    </div>
    <div class="ps">
      注：请在下载宁聚APP后，点击访问“宁聚家园”频道
    </div>
    <div class="footer">
      <div class="support">
        <p>如您有任何疑问或者建议，请通过以下方式与我们取得联系，我们会尽快响应您的反馈：</p>
        <p>邮箱：jwchen@nbtv.com.cn</p>
        <p>电话：0574-81851616</p>
      </div>
      <div class="logo"></div>
    </div>
  </div>
  <div class="pop pop_bg"></div>
  <div class="pop pop_bg_android"></div>
  <div class="pop pop_layer pop_android"><img src="images/v2/xiazai_android.png"></div>
  <div class="pop pop_layer pop_ios"><img src="images/v2/xiazai_ios.png"></div>

</body>
<script type="text/javascript">
  var u = navigator.userAgent, app = navigator.appVersion;
  var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器
  var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端


  $(document).ready(function () {
    download();
    $('.downloadBtn').tap(function () {
      download();
    })
  })

  function download() {
    if (isWeiXin()) {
      if (isiOS) {
        $('.pop_bg').css('display', 'block');
        $('.pop_ios').css('display', 'block');
      } else {
        $('.pop_bg_android').css('display', 'block');
        $('.pop_android').css('display', 'block');
      }
      return false;
    } else {
      if (isiOS) {
        window.location = "https://itunes.apple.com/cn/app/dian-kan-ning-bo/id1024845383?mt=8"
      } else if (isAndroid) {
        window.location = "https://cdn.dknb.nbtv.cn/asset/nj/download/nj_5_2_25.apk"
      }
    }
  }

  function isWeiXin() {
    var ua = window.navigator.userAgent.toLowerCase();
    if (ua.match(/MicroMessenger/i) == 'micromessenger') {
      return true;
    } else {
      return false;
    }
  }
</script>

</html>
